<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<title>{% block title %}{% endblock %}</title>
<link rel='shortcut icon' href='{% url blog_static "image/brenden.ico" %}'/>
{% block stylesheet %}
<!--[if lt IE 9]><script src=http://html5shiv.googlecode.com/svn/trunk/html5.js></script><![endif]-->
<link rel='stylesheet' type='text/css' href='{% url blog_static "css/base.css" %}' />
{% endblock %}
{% block javascript %}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
{% endblock %}
</head>

<body>
<header>
    <hgroup>
        <h1>dd</h1>
        <h2>a blog showcasting the HTML5</h2>
    </hgroup>
    <!--
    <nav id=global>
        <ul>
            <li><a href=#>About Me</a></li>
            <li><a href=#>about</a></li>
            <li id=services>
                <a href=#>Service</a>
                <ul id=subMenu>
                    <li><a href=#>Whatever</a></li>
                    <li><a href=#>Your Heart</a></li>
                    <li><a href=#>Desires</a></li>
                </ul>
            </li>
            <li><a href=#>Protfolio</a></li>
            <li><a href=#>Contact</a></li>
        </ul>
    </nav>
    -->
    </header>
{% block content %}
{% endblock %}

<footer class=clearfix>

    <section>
        <h1>Company Bio</h1>
        <p>Nisl vestibulum ex, quis lectus elit consequatur, per lobortis ipsum, sit in id nunc vitae felis. Ut quae pellentesque vitae vel ligula, non quis quis quam, ante orci lectus tortor sapien sed aliquam, neque nam vehicula.</p>
        <p>Iaculis et quis, sociosqu aenean pulvinar metus, sed quis, sagittis a, at volutpat tempor.</p>
    </section>
    <p class=copyright>Copyright &copy; 2010 <strong>Fictive Company</strong>. All Rights Reserved.</p>
</body>
</html>
